﻿/* easyui.extend.css */
.searchbox-button { width: 18px; height: 20px; overflow: hidden; display: inline-block; vertical-align: top; cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); }
.searchbox-button-hover { opacity: 1.0; filter: alpha(opacity=100); }
.searchbox-button { background: url(images/searchbox_button.png) no-repeat center center; }

/* .searchbox-button,.searchbox-button-hover{background:url(images/searchbtn.png) no-repeat 3px -4px;} */
.total-btn, .total-btn:hover { width: 51px; height: 23px; overflow: hidden; display: inline-block; vertical-align: top; cursor: pointer; }
.total-btn, .total-btn:hover { background: url(images/totalbtn.png) no-repeat 3px -4px; }
.total-btn:hover, .searchbox-button-hover { background-position: 3px -36px; }

/*layout*/
/**
 * Description: Change the interative mode."collapsible" what collapses the panel is changed to a smaller button called "minSplit". 
 * Author: chen.c1
 * Date: 2015/9/23
 * Modify Start
 */
/* Modify Start */
.layout-min-split.layout-split-west .panel-header, .layout-min-split.layout-split-south .panel-header, .layout-min-split.layout-split-east .panel-header, .layout-min-split.layout-split-north .panel-header { position: static; }
/* Modify End */
.layout-min-split.layout-expand .panel-tool, .layout-min-split.layout-expand .panel-header { position: static; overflow: visible; }
/* Modify Start */
.layout-split-west.layout-min-split .panel-tool { margin-top: -8px; position: absolute; top: 50%; height: 35px; right: -5px; width: 5px; }
.layout-split-east.layout-min-split .panel-tool { margin-top: -8px; position: absolute; top: 50%; height: 35px; left: -5px; width: 5px; }
.layout-split-south.layout-min-split .panel-tool { left: 50%; margin-left: -8px; margin-top: -5px; top: 0; width: 50px; height: 5px; z-index: 200; overflow: visible; }
.layout-split-north.layout-min-split .panel-tool { left: 50%; margin-left: -8px; margin-top: -5px; bottom: -5px; top: auto; width: 50px; height: 5px; z-index: 200; overflow: visible; }
/* Modify End */
.layout-min-split .panel-tool a.layout-button-left, .layout-min-split .panel-tool a.layout-button-right { width: 5px; height: 35px; margin: 0; }
/* Modify Start */
.layout-min-split.layout-expand .panel-tool a.layout-button-left, .layout-min-split.layout-expand .panel-tool a.layout-button-right { margin-top: -8px; }
.layout-min-split .panel-tool a.layout-button-up, .layout-min-split .panel-tool a.layout-button-down  { margin: 0; width: 35px; height: 5px; }
.layout-min-split .layout-button-left, .layout-min-split.layout-expand .layout-button-left { right: 0; position: absolute; top: 50%; z-index: 2; }
/* Modify End */
.layout-min-split .layout-button-right, .layout-min-split .layout-expand .layout-button-right { left: 0; position: absolute; top: 50%; z-index: 2; }
/* Modify Start */
.layout-split-east.layout-min-split .layout-button-right, .layout-split-west.layout-min-split .layout-button-left { position: static; }
/* Modify End */
.layout-min-split .layout-expand .layout-button-up { position: absolute; left: 50%; top: 0; }
.layout-min-split .layout-button-left { background: transparent url(images/mini-left.gif) no-repeat scroll 0 0; }
.layout-min-split .layout-button-right { background: transparent url(images/mini-right.gif) no-repeat scroll 0 0; }
.layout-min-split .layout-button-up { background: transparent url(images/mini-up.gif) no-repeat scroll 0 0; }
/* Modify Start */
.layout-min-split .layout-button-down { background: transparent url(images/mini-down.gif) no-repeat scroll 0 0; }
/* Modify End */
.layout-min-split .layout-split-west .panel-tool { height: 35px; width: 5px; right: -5px; }
.layout-min-split .layout-expand .panel-body { border: none; }
.layout-min-split .layout-split-west .panel-tool { position: absolute; top: 50%; margin-top: -8px; }
.layout-min-split.layout-expand .panel-body { border-right-width: 0; }
.layout-min-split.layout-expand .panel-tool-collapse { display: none; }
/* .layout-min-split.layout-split-south .panel-tool { left: 50%; margin-left: -8px; margin-top: -5px; top: 0; width: 50px; height: 5px; z-index: 200; overflow: visible; } */
.layout-min-split.layout-split-south .panel-title { height: 0; display: none; }
.layout-min-split.layout-split-south .panel-header { padding: 0; }
.layout-min-split.layout-split-south .panel-tool a.layout-button-down { width: 35px; height: 15px; background: url(images/mini-down.gif) no-repeat; margin: 0; }
/* Modify Start */
.layout-min-split.layout-expand-south .panel-tool, .layout-min-split.layout-expand-north .panel-tool { position: absolute; height: 5px; width: 50px; top: 8px; left: 50%; }
.layout-min-split.layout-expand-north .panel-header { height: 4px; padding: 0; border-left-width: 0; border-right-width: 0; }
/* Modify End */
.layout-min-split.layout-expand-south .panel-header { height: 5px; padding: 0; border-left-width: 0; border-right-width: 0; }
.layout-min-split.layout-expand-south .panel-body, .layout-min-split.layout-expand-south .panel-title { display: none; }
.layout-split-west .panel-icon {/* top:0;margin-top:-16px; */ }
.layout-split-west #leftMenu .panel-tool { top: auto; width: 16px; height: 16px; right: 5px; margin-top: -16px; }
.layout-split-west #leftMenu .panel-header { position: relative; }

/*panel*/
.panel.plain { overflow: visible; }
.panel-header-line { position: absolute; height: 2px; width: 100%; border-bottom: 2px solid #ddd; top: 3px; left: 0; }
.panel-header.plain { border: none; background: none; height: 5px; filter: none; }
.panel-title.plain { background: #fff; position: absolute; left: 15px; top: -2px; z-index: 2; padding-left: 25px; padding-right: 5px; }
.panel-tool.plain { left: 18px; top: 8px; z-index: 2; width: 18px; overflow: hidden; }
.panel-tool.plain a { width: 15px; height: 15px; overflow: hidden; }
.panel-tool.plain .panel-tool-collapse { background: url(images/tool-sprites.gif) no-repeat -15px -60px; }
.panel-tool.plain .panel-tool-expand { background: url(images/tool-sprites.gif) no-repeat 0 -75px; }
.panel-body.plain { border: none; }
/**
 * Description: Change the interative mode."collapsible" what collapses the panel is changed to a smaller button called "minSplit". 
 * Author: chen.c1
 * Date: 2015/9/23
 * Modify Start
 */
.panel.layout-split-west, .panel.layout-split-south, .panel.layout-split-east, .panel.layout-split-north  { overflow: visible; _overflow: hidden; }
/* Modify End */
.panel.fieldset { border: 1px solid #ddd; }
.panel.fieldset .panel-header-line { display: none; }
.panel.fieldset .panel-title.plain { top: -12px; }
.panel.fieldset .panel-tool.plain { top: 0; }

/*.panel.fieldset .panel-header{border:none;}*/
.panel.fieldset .panel-body { padding-bottom: 10px; }

/* error window */
.error-message-title { position: relative; cursor: pointer; }
.error-message-title.active { border-bottom: 1px solid #ddd; }
.error-message-title:after { position: absolute; top: 17px; right: 30px; 
		transition: border-top-color 0.2s ease-in-out, transform 0.2s ease-in-out; 
		content: " "; width: 0; height: 0; border: 10px solid transparent; border-top-color: #ccc; }
.error-message-title:hover:after { border-top-color: #aaa; }
.error-message-title.active:after { top: 10px; transform: rotate(180deg); }
.error-message-content { display: none; height: 300px; overflow: auto; }

/* datagrid */
.datagrid-header .dtl-table td, .datagrid-body .dtl-table td, .datagrid-footer .dtl-table td { border: none; }
.datagrid-toolbar { position: relative; background-color: #f7f7f7; }
.datagrid-cell { text-align: center; text-overflow: ellipsis; }
.datagrid-cell-c1-opt { margin: 0 auto; }
.datagrid-cell-c1-opt a { color: #03F; }
.datagrid-cell-c1-opt a:hover { color: #ff5000; }
.datagrid-body td .pagination td { border-width: 0; border: none; padding: 0; margin: 0; }
.datagrid-empty-msg { position: absolute; left: 50%; top: 40px; color: #999; }
.datagrid-htable-sm .datagrid-header-row { height: 14px; }

/* linkmore */
.linkmore { border: 1px solid #CCCCCC; padding: 4px 22px 4px 8px; }
.linkmore-collapse { background: url('images/downarr.png') scroll no-repeat right center; }
.linkmore-expand { background: url('images/uparr.png') scroll no-repeat right center; }

/* tabs */
.tabs-container .tabs-tool a.l-btn { margin-top: 4px; }
.tabs-panels .panel-body { overflow: hidden; }

/* file button */
.file-button { position: absolute; display: inline; overflow: hidden; width: 51px; height: 28px; background: url('images/fileinput.png') scroll no-repeat 0 -4px; }
.file-button:hover { background-position: 0 -36px; }

/* 自定义组件 */
.my-tips { text-align: center; border: 1px solid #CC9933 !important; background-color: #FFFFCC !important; position: absolute; left: 50%; bottom: -10px; z-index: 9999; padding: 0 10px; border-radius: 5px; box-shadow: 0 0 5px 1px #F3C198; }
.my-tips p { height: 30px; line-height: 30px; color: #000; }
